<template>
  <div id="app">
    <input type="checkbox" v-model="arr" value="科幻">科幻
    <input type="checkbox" v-model="arr" value="喜剧">喜剧
    <input type="checkbox" v-model="arr" value="动漫">动漫
    <input type="checkbox" v-model="arr" value="冒险">冒险
    <input type="checkbox" v-model="arr" value="科技">科技
    <input type="checkbox" v-model="arr" value="军事">军事
    <input type="checkbox" v-model="arr" value="娱乐">娱乐
    <input type="checkbox" v-model="arr" value="奇闻">奇闻
    <ul>
      <li v-for="(item,index) in arr" :key="index">{{item}}</li>
    </ul>
  </div>
</template>

<script>
export default {
 data(){
  return{
    arr:[]
  }
 }
}
</script>

<style>
 
</style>
